<section id="menu">

</section>
<header>Registrazione</header>

<script type="text/javascript">
            var pictureSource;   // picture source
            var destinationType; // sets the format of returned value 

            // PhoneGap is ready to be used!
            function onDeviceReady() {
                pictureSource=navigator.camera.PictureSourceType;
                destinationType=navigator.camera.DestinationType;
            }

            // Called when a photo is successfully retrieved
            function onPhotoDataSuccess(imageData) {
                var photo = document.getElementById('photo');
                photo.src = "data:image/jpeg;base64," + imageData;
            }

            // Called when a photo is successfully retrieved
            function onPhotoURISuccess(imageURI) {
                var photo = document.getElementById('photo');
                photo.src = imageURI;
            }

            function capturePhoto() {
                  // Take picture using device camera and retrieve image as base64-encoded string
                navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 });
            }

            function capturePhotoEdit() {
                // Take picture using device camera, allow edit, and retrieve image as base64-encoded string  
                navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true }); 
            }

            function getPhoto(source) {
                // Retrieve image file location from specified source
                navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
                destinationType: destinationType.FILE_URI,
                sourceType: source });
            }

            // Called if something bad happens.
            function onFail(message) {
                alert('Failed because: ' + message);
            }

            // Wait for PhoneGap to connect with the device
            document.addEventListener("deviceready",onDeviceReady,false);

        </script>

<!-- <div id="scrollableframe">
	<div class="scroller"> -->
		<form>
			<div class="frame">
				<ul class="form">
					<li>Foto<br> <img id="photo"
						onclick="capturePhoto();"
						src="resources/img/contactdefault.png"></img>
					</li>
					<div class="box">
						<li>Nome<br>
						<input type="text" id="nome" value="mm"/></li>
						<li>Cognome<br>
						<input type="text" id="cognome" value="mm"/></li>
						<li>Email<br>
						<input type="email" id="email" value="mm@t.it"/></li>
					</div>
					<div class="box">
						<li>Matricola<br>
						<input type="number" id="matricola" value="123456"/></li>
						<li>Universita'<br>
						<select id="universita" disabled/>
							<option value="">Loading...</option>
						</select>
						<li>Facolta'<br>
						<select id="facolta" disabled/>
							<option value=""></option>
						</select>
						<li>Corso di Laurea<br>
						<select id="corsolaurea" disabled/>
							<option value=""></option>
						</select>
					</div>
					<div class="box">
						<li>Username<br>
						<input type="text" id="username" value="mm"/></li>
						<li>Password<br>
						<input type="password" id="password" value="p"/></li>
						<li>Ripeti Password<br>
						<input type="password" value="p"/></li>
					</div>
					<div class="box">
						<li>Telefono<br>
						<input type="tel" id="telefono" value="1234556"/></li>
						<li>Fax<br>
						<input type="tel" id="fax" value="1234567"/></li>
						<li>www<br>
						<input type="url" id="www" value="www.mm.it"/></li>
					</div>
					<li>Ruolo<br>
						<section class="radio-container">
							<div>
								<input id="radio-1" name="ruolo" type="radio" checked /> <label
									for="radio-1">Studente</label>
							</div>
							<div>
								<input id="radio-2" name="ruolo" type="radio" /> <label
									for="radio-2">Professore</label>
							</div>
						</section>
					</li>
					<!-- <li><input type="text" placeholder="Nome" /></li>
                    <li><input type="text" placeholder="Cognome" /></li>
                    <li><input type="email" placeholder="Email" /></li>
                    <li><input type="number" placeholder="Matricola" /></li>
                    <li><input type="password" placeholder="Password" /></li>
                    <li><input type="password" placeholder="Ripeti password" /></li>
                    <li><input type="text" placeholder="Corso di Laurea" /></li>
                    <li><input type="text" placeholder="Foto" /></li>
                    <li><input type="tel" placeholder="Telefono" /></li>
                    <li><input type="tel" placeholder="Fax" /></li>
                    <li><input type="url" placeholder="WWW" /></li>
                    <li><input type="text" placeholder="Ruolo" /></li> -->
				</ul>
			</div>
			<div class="centercontent" id="registerbutton">
				<button type="button">
					<span class="icon tick"></span> <span class="label">Registra</span>
				</button>
			</div>
		</form>


<!-- 	</div>
</div> -->
